<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>乐酷商城</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/common.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/index.css" />
<link rel="stylesheet" href="<%=request.getContextPath() %>/bootstrap3/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/bootstrap3/css/bootstrap-theme.min.css">
<script src="<%=request.getContextPath() %>/js/jquery-1.11.2.min.js"></script>
<script src="<%=request.getContextPath() %>/js/bootstrap.min.js"></script>
</head>
<body>
<div class="top">
	<div class="w_980 m">
    	<div class="top_about">
        <div class="fl_l">您好，欢迎来到乐扣商城！[<a href="" class="redfont">请登录</a>]，新用户？[<a href="" class="redfont">免费注册</a>]</div>  
  <ul class="fl_r">
        	<li><a href="">我的订单</a></li>
        	<li><a href="">我的乐酷</a></li>
        	<li><a href="">我的积分</a></li>
        	<li class="bg_none"><a href="">帮助中心</a></li>                                    
        </ul>
        </div>
    </div>
</div>
<div class="w_980 m">
	<div class="logo fl_l"><a href=" "><img src="images/logo.jpg" width="162" height="50" /></a></div>
	<div class="nav fl_l">
    	<ul>
       	  <li class="select"><a href="#">首页</a></li>
       	  <li><a href="#">潮流饰品</a></li>
       	  <li><a href="#">流行女装</a></li>
       	  <li><a href="#">流行男装</a></li>
       	  <li><a href="#">流行女装</a></li>
       	  <li><a href="#">流行男装</a></li>                                               
        </ul>
    </div>
</div>
<div style="clear:both;"></div>
<div class="nav_bg">
	<div class="w_980 m">
    	<div class="class_all fl_l">全部商品分类</div>
    	<input name="" type="text" class="search_input fl_l" value="" /><input name="" type="button" class="search_btn fl_l" value="搜索"/> 
      <div class="search_word fl_l"><a href="#">潮流女装</a> <a href="#">母婴用品</a> <a href="#">电影票</a></div>
      <div class="gwc_num fl_l">购物车 <b>0</b> 件</div>
        <div class="gwc_btn fl_l"><a href="">去结算>></a></div>    
  </div>
</div>
<div class="w_980 m">
<div class="w_980 fl_l">
  
  <!-- 天假轮播图------------------- -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 800px">
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
        <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item next left">
          <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide [900x500]" src="" data-holder-rendered="true">
        </div>
        <div class="item">
          <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide [900x500]" src="" data-holder-rendered="true">
        </div>
        <div class="item active left">
          <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide [900x500]" src="" data-holder-rendered="true">
        </div>
      </div>
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  <!-- ================ -->
</div>

<div class="w_980 fl_l ma_t10"><img src="images/ad8.jpg" width="980" height="60" /></div>
<div class="w_978 fl_l ma_t10 bor">
  <div class="tl_bg">
    	<div class="tl_title fl_l">美容化妆</div>
        <div class="tl_more fl_r"><a href="">帆布包</a> | <a href="">钱包</a> | <a href="">钥匙包</a> | <a href="">电脑包</a> | <a href="">化妆包-多功能包</a> | <a href="">运动休闲包</a> | <a href="">男包</a> | <a href="">女包</a> | <a href="" class="redfont">查看全部</a></div>
    </div>
</div>
<div class="w_980 fl_l">
	<!-- 第一行展示的图片自行设置 -->
	<div class="row">
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
</div>
       

</div>
<div class="w_978 fl_l ma_t10 bor">
	<div class="tl_bg">
   	  <div class="tl_title fl_l">母婴商品</div>
        <div class="tl_more fl_r"><a href="">帆布包</a> | <a href="">钱包</a> | <a href="">钥匙包</a> | <a href="">电脑包</a> | <a href="">化妆包-多功能包</a> | <a href="">运动休闲包</a> | <a href="">男包</a> | <a href="">女包</a> | <a href="" class="redfont">查看全部</a></div>
    </div>
</div>
<div class="w_980 fl_l">
		<div class="row">
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
</div>
</div>
<div class="w_978 fl_l ma_t10 bor">
	<div class="tl_bg">
   	  <div class="tl_title fl_l">服装鞋帽</div>
        <div class="tl_more fl_r"><a href="">帆布包</a> | <a href="">钱包</a> | <a href="">钥匙包</a> | <a href="">电脑包</a> | <a href="">化妆包-多功能包</a> | <a href="">运动休闲包</a> | <a href="">男包</a> | <a href="">女包</a> | <a href="" class="redfont">查看全部</a></div>
    </div>
</div>
<div class="w_980 fl_l">
	<div class="row">
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
</div>
    
</div>
<div class="bottom fl_l ma_t10">
	<div class="footlink">
    	<div class="footlinkt">配送范围</div>
        <ul>
        	<li><a href="">上海 |  北京 |  其他地区</a></li>
        	<li><a href="">配送费收取标准</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">服务说明</div>
        <ul>
        	<li><a href="">付款方式</a></li>
        	<li><a href="">服务协议 </a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">我的订单</div>
        <ul>
        	<li><a href="">查询订单</a></li>
        	<li><a href="">如何下订单</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">售后服务</div>
        <ul>
        	<li><a href="">退换货原则</a></li>
        	<li><a href="">在线客服区</a></li>
        	<li><a href="">在线客服区</a></li>                         
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">需要帮助</div>
        <ul>
        	<li><a href="">忘记密码</a></li>
        	<li><a href="">常见问题</a></li> 
        	<li><a href="">联系客服人员</a></li>
        	<li><a href="">抵用券使用说明</a></li>                         
        </ul>
    </div>
</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic1">
    	<li><a href=" "><img src="images/wmjl.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="images/mbby.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="images/gkzs.jpg" width="217" height="49" /></a></li>
    </ul>
</div>
<div class="w_980 fl_l ma_t10 te_m">关于我们 | 联系我们 | 人才招聘 | 商家入驻 | 广告服务 | 移动终端 | 友情链接 | 销售联盟
<br />北京市公安局海淀分局备案编号：11010233381  京ICP证070的4523号  
<br />Copyright2004-2011  乐酷商城 版权所有</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic">
    	<li><a href=" "><img src="images/footer_pic_04.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_05.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_06.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_07.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_09.gif" width="91" height="31" /></a></li> 
    	<li><a href=" "><img src="images/footer_cnnic.jpg" width="91" height="31" /></a></li>                                         
    </ul>
</div>
</div>
</body>
</html>
